<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>上传答题过程</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/subject.css">
</head>
<body>
	<div class="bg2"></div>
	<div class="myStudents">
		<!-- 头部 -->
		<div class="topMain clearfix">
			<div class="fl topMl">
				<img src="images/logo.png" height="72">
			</div>
			<div class="fr topMr">
				<div class="stTop tar">
					<span class="toux">
						<img src="images/toux.jpg" height="37" width="37" alt="">
					</span>
					<span>李小花</span>
					<span>12601330214</span>
					<a href="javascript:;" class="tuichu" title=""><i class="iconfont">&#xe602;</i></a>
				</div>
				<p class="navBar">
					<a href="#"  title="">学中推进</a>
					<a href="#" title="">板块复习</a>
					<a href="#" title="" class="active">套卷训练</a>
					<a href="#" title="">新题更新</a>
					<a href="#" title="">历史答题</a>
				</p>
			</div>
		</div>
		<!-- content -->
		<div class="chooseDy ">
			<h2 class="xzTt">
				<span class="t">套卷训练：</span>
				<span class="t1 tt">数学</span>
				<span class="t2 tt tjo">三角版块大题</span>
				
			</h2>
			<div class="twtDiv">
				<div class="shipinBox">
					<div class="upTis shipinT ">
						<div>恭喜~！本套卷已经全部做完，请在此页面提交选择题答案及解题过程</div>
						<a href="javascript:;" class="fr nextJie submitBtn upAtj">提交</a>
						
					</div>
					<div class=" tm_SCSJ tm_Auto">
						<div class="upline">
							<div class="uplinetop">
								<div class="uplinetopK">第1题</div>
								<div class="fl xuanxLi" kl="A">
									A
								</div>
								<div class="fl xuanxLi" kl="B">
									B
								</div>
								<div class="fl xuanxLi " kl="C">
									C
								</div>
								<div class="fl xuanxLi" kl="D">
									D
								</div>
								<div class="fl xuanxLi" kl="E">
									E 没有我选择的答案
								</div>
							</div>
							<div class="upLineCont">
								<div class="upLineContTitle">
									<div class="d1">解题过程</div>
									<input type="file" name="" id="" value="" />
									<div class="upphotograph  btn ">拍照</div>
								</div>
								<div class="upImgBox">
									<div class="upImgBoxLine">
										<img src="images/jiexi1.jpg" class="upImgBoxLineImg">
										<img src="images/delete.png" class="upImgBoxLineSc">
									</div>
								</div>
							</div>
							
							
						</div>
						
						
						<div class="upline">
							<div class="uplinetop">
								<div class="uplinetopK">第2题</div>
								<div class="fl xuanxLi" kl="A">
									A
								</div>
								<div class="fl xuanxLi" kl="B">
									B
								</div>
								<div class="fl xuanxLi" kl="C">
									C
								</div>
								<div class="fl xuanxLi" kl="D">
									D
								</div>
								<div class="fl xuanxLi" kl="E">
									E 没有我选择的答案
								</div>
							</div>
							<div class="upLineCont">
								<div class="upLineContTitle">
									<div class="d1">解题过程</div>
									<input type="file" name="" id="" value="" />
									<div class="upphotograph  btn ">拍照</div>
								</div>
								<div class="upImgBox">
									<div class="upImgBoxLine">
										<img src="./images/jdtm.png" class="upImgBoxLineImg">
										<img src="images/delete.png" class="upImgBoxLineSc">
									</div>
								</div>
							</div>
							
							
						</div>
						
						
					</div>
				</div>
			</div>
		</div>
	</div>
    <!-- 弹框 -->
	<div class="tisBox  tisT1 disNo"><!--  -->
		<div class="tisCont">
			<div class="tisTop">
				提示
				<img src="images/crosssign.png"  class="tisTopImg">
			</div>
			<div class="tiscont">提交成功</div>
			<div class="tisoperationBox">
				<div class="tisoperationSee">查看结果</div>
				
			</div>
		</div>
	</div>
	<!-- 答题结束弹框 -->
	<div class="tisBox disNo">
		<div class="tisCont">
			<div class="tisTop">
				提示
				<img src="images/crosssign.png"  class="tisTopImg">
			</div>
			<div class="tiscont2">全部题目已经作答，总用时：<span>00:45:00</span> </div>
			<div class="tiscont2">确定结束答题吗？</div>
			<div class="tisoperationBox">
				<div class="tisoperationNo">再检查一下</div>
				<div class="tisoperationYes">确定结束</div>
			</div>
		</div>
	</div>
	<!-- 绑笔弹窗 -->
	<div class="bangb">
		<div class="bdBox">
			<h2 class="tt">绑定点阵笔</h2>
			<ul class="inner">
				<li>
					<span>学生姓名</span>
					李小红
				</li>
				<li>
					<span>绑定笔编号</span>
					<input type="text" >
				</li>
			</ul>
			<div class="bdBtns pf">
				<a class="fl cancelBtn tac" href="javascript:;">取消</a>
				<a class="fr badgBtn tac" href="javascript:;">绑定</a>
			</div>
		</div>
	</div>

	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/index.js" type="text/javascript"></script>
	<script>
		$('.upAtj').click(function(){
			$('.tisT1').removeClass('disNo')
		})
		$('.tisTopImg').click(function(){
			$('.tisBox').addClass('disNo')
		})
		
		
        // 单选、
        $(".xuanxLi").click(function(event) {
        	$(this).addClass('curLi').siblings('.xuanxLi').removeClass('curLi');

        });
        // 点击提交按钮
       /* $(".submitBtn").click(function(event) {
        	var curLi=$(".curLi").length;
        	if(curLi==0){
        		alert("答案不能为空")
        	}else{
        		var kl=$(".curLi").attr("kl");
        		alert("您选择的答案为："+kl)
        		
        	} 
        });*/

        // 点击头像弹窗绑笔弹窗
        $(".toux img").click(function(event) {
        	$(".bangb").show();
        });
        $(".bangb .cancelBtn").click(function(event) {
        	$(".bangb").hide();  //点击取消按钮，关闭弹窗
        });
        $(".bangb .badgBtn").click(function(event) {
        	alert(222)  //点击绑定按钮，执行事件
        });
		
	
			
	</script>
</body>
</html>